<template>
    <div class="breadcrumb">
          <span class="breadcrumb-item">首页</span>
          <span class="breadcrumb-divider">/</span>
          <span class="breadcrumb-item">个人中心</span>
          <span class="breadcrumb-divider">/</span>
          <span class="breadcrumb-item active">企业信息</span>
    </div>
  <div class="app-container">
    <div class="left-sidebar">
      <div class="sidebar-menu">
        
        <div class="menu-item active"><img src="/public/images/u721.png" style=" width: 20px; height: 20px; margin-right: 10px;">企业信息</div>
        <div class="menu-item"><img src="/public/images/u935.png" style=" width: 20px; height: 20px; margin-right: 10px;">参与投标</div>
        <div class="menu-item"><img src="/public/images/u1162.png" style=" width: 20px; height: 20px; margin-right: 10px;">我的投标</div>
      </div>
    </div>
    
    <div class="right-content">
      <div class="content-header">

      </div>

  <div class="company-info-container">
    <div class="info-grid">
      <div class="info-row">
        <div class="info-label">企业名称：</div>
        <div class="info-value">大连素食有限公司</div>
        <div class="info-label" style="margin-left: 40px;">统一社会信用代码：</div>
        <div class="info-value">2012000043245689567</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">公司注册地址：</div>
        <div class="info-value">辽宁省大连市金普新区和平路56号</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">机构类型：</div>
        <div class="info-value">企业机构</div>
        <div class="info-label" style="margin-left: 40px;">企业性质：</div>
        <div class="info-value">私营企业</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">成立日期：</div>
        <div class="info-value">2021年-05月13日</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">法人/负责人：</div>
        <div class="info-value">李华</div>
        <div class="info-label" style="margin-left: 40px;">法人/负责人身份证：</div>
        <div class="info-value">210282198706235543</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">法人/负责人身份证扫描件：</div>
        <div class="info-value link">查看图片</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">单位联系地址：</div>
        <div class="info-value">辽宁省大连市金普新区和平路56号</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">经营范围：</div>
        <div class="info-value">饮食</div>
        <div class="info-label" style="margin-left: 40px;">公司简介：</div>
        <div class="info-value">大连素食有限公司是一家致力于研究素食美味的公司</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">营业执照有效期：</div>
        <div class="info-value">2021/5/13 - 2028/5/13</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">营业执照扫描件：</div>
        <div class="info-value link">查看图片</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">开户行：</div>
        <div class="info-value">大连银行</div>
        <div class="info-label" style="margin-left: 40px;">银行账号：</div>
        <div class="info-value">63299427971907320931709</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">开户行地址：</div>
        <div class="info-value">辽宁省大连市金普新区农贸街65号</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">单位注册电话：</div>
        <div class="info-value">8657-4321</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">单位注册电话：</div>
        <div class="info-value">8657-4321</div>
        <div class="info-label" style="margin-left: 40px;">单位注册地址：</div>
        <div class="info-value">辽宁省大连市金普新区和平路56号</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">注册资本（万元）：</div>
        <div class="info-value">200.00</div>
        <div class="info-label" style="margin-left: 40px;">实缴资本：</div>
        <div class="info-value">100.00万元</div>
      </div>
      
      <div class="info-row">
        <div class="info-label">开户许可证/基本户存款信息证：</div>
        <div class="info-value link">查看图片</div>
      </div>
      <div class="action-buttons">
          <el-button type="primary">修改</el-button>
      </div>
    </div>
  </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'CompanyInfo'
}
</script>

<style scoped>
.app-container {
  display: flex;
  min-height: 100vh;
  background-color: #fafafa;
}

/* 左侧导航栏样式 */
.left-sidebar {
  width: 200px;
  margin-top: 40px;
  margin-left: 50px;
  background-color: #3cc2a7;
  color: white;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  border-radius: 10px;
}

.sidebar-header {
  padding: 20px;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.sidebar-menu {
  padding: 10px 0;
}

.menu-item {
  padding: 12px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
}
.menu-item.active {
  background-color: #f0f9f7;
  color: #1ab394;
  border-left: 3px solid #1ab394;
}
.menu-item:hover {
  background-color: rgba(13, 212, 169, 0.936);
}

.menu-item.admin {
  margin-top: 20px;
  border-top: 1px solid rgba(255,255,255,0.1);
  padding-top: 20px;
}

/* 右侧内容区样式 */
.right-content {
  flex: 1;
  padding: 20px;
}

.content-header {
  margin-bottom: 20px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  margin-top: 20px;
  margin-left: 20px;
}

.breadcrumb-item {
  color: #999;
}

.breadcrumb-item.active {
  color: #333;
}

.breadcrumb-divider {
  margin: 0 8px;
  color: #999;
}

.content-actions {
  margin-bottom: 20px;
}

.company-info-container {
  background-color: white;
  border-radius: 4px;
  padding: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.info-title {
  margin-bottom: 20px;
  color: #333;
}

.info-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
}

.info-row {
  display: flex;
  align-items: flex-start;
}

.info-label {
  width: 200px;
  color: #666;
  text-align: right;
  padding-right: 15px;
}

.info-value {
  flex: 1;
  color: #333;
}

.link {
  color: #16ad85b7;
  cursor: pointer;
}

.action-buttons {
  text-align: right;
  margin-top: 30px;
}
</style>